<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
   <title>Welcome to PersonaFilm</title>
   <link rel="stylesheet" href="<?php echo base_url();?>/css/style.css"/>
   <link rel="stylesheet" href="<?php echo base_url();?>/css/stylecss1.css" type="text/css" media="screen" />
   <link rel="stylesheet" href="<?php echo base_url();?>/css/stylecss2.css" type="text/css" media="screen" />
 </head>
 <body>
 <div id="header">
   <table style="position:absolute; left: 161px; top: 5%; font-family: 'Arial', cursive; font-size: 18px;" border="0" align="center" width="72%" cellpadding="10" cellspacing="20" class="text"><tr><td colspan="2" width="100%" class="" valign="top"><h2 align="center" class="crush-vert">Selamat datang di PersonaFilm</h2>
      <div align="center" class="text">
        <p style="font-size: 14px;">Rekomendasi film yang diberikan berdasarkan sifat dan kepribadian Anda sendiri.</p>
        <p style="font-size: 14px;">Untuk masuk ke dalam aplikasi silahkan login atau <?php echo anchor ('user_controller/tambah_user', 'registrasi'); ?> terlebih dahulu</p>
      </div>
      <br/><div align="center"></div></td>
      </tr>
   </table>
   <div class="logo_genre">
   		<img src="../images/action.png" />
   		<img src="../images/comedy.png" />
   		<img src="../images/fantasy.png" />	
   		<img src="../images/horror.png" />
   		<img src="../images/romance.png" />
   </div>
   <div class="genre_name">
                <label style="color:white; margin-right:70px;">Action</label>
                <label style="color:white; margin-right:70px;">Comedy</label>
                <label style="color:white; margin-right:70px;">Fantasy</label>
                <label style="color:white; margin-right:70px;">Horror</label>
                <label style="color:white; margin-right:70px;">Romance</label>
            </div>
   <?php echo validation_errors(); ?>
   <?php echo form_open('verifylogin'); ?>
   <div id="lightbox" class="done" style="visibility:visible;">
	<div id="lbContent" class="clearfix">
	<div class="info">
	<h2>Form Login</h2>
	<div>
  	<p>Silakan Log in.</p>
	</div>
	</div>
	<div class="form_login">
     <label style="font-size: 20px;" for="username">Username</label>
     <input style="font-size: 20px;" type="text" size="20" id="username" name="username"/>
     <br/>
     <label style="font-size: 20px;" for="password">Password</label>
     <input style="font-size: 20px; margin-left: 6px;" type="password" size="20" id="passowrd" name="password"/>
     <br/>
     <input type="submit" value="Login"/>
     <a href>Lupa password?</a>
   </form>
   </div>
   </div>
   </div>
   </div>
 </body>
</html>
